<template>
	<view class="pageBg">
		<Skeleton v-if="skeletonLoading" type="detail"></Skeleton>
		<Head title="职位详情" type="detail" :isBack="false"></Head>

		<view class="jobWrapper">
			<!-- 职位信息 -->
			<view class="baseJob publicJobItem">
				<view class="jobName">
					<view :class="base_info.emergency? 'job ac' : 'job'">{{base_info.jobname}}</view>
					<image v-if="base_info.emergency == 1" class="img" src="../static/img/emergency.png"></image>
					<!-- <image v-if="base_info.stick == 1" class="img" src="../static/img/stick.png"></image> -->
				</view>
				<view class="salary overflow">{{base_info.wage_text}}</view>
				<view class="other">
					<view class="item" v-if="base_info.district_text">{{base_info.district_text}}</view>
					<view class="item" v-if="base_info.education_text">{{base_info.education_text}}</view>
					<view class="item" v-if="base_info.experience_text">{{base_info.experience_text}}</view>
				</view>
			</view>
			<!-- 职位信息 -->
			<!-- hr -->
			<view class="hrWrapper publicJobItem">
				<view class="img">
					<image :src="com_info.logo_src"></image>
				</view>
				<view class="hrInfo">
					<view class="infoText">
						<view class="hrName">
							<view class="text">{{contact_info.contact}}</view> <text class="isBrisk">活跃</text>
						</view>
						<view class="companyName substring">
							{{com_info.companyname}}
						</view>
					</view>
					<!-- #ifdef MP-TOUTIAO || MP-WEIXIN -->
					<div class="btns">
						<view class="btn" @click="doMsg">
							去沟通
						</view>
					</div>
					<!-- #endif -->
				</view>
			</view>
			<!-- hr -->

			<!-- 职位福利 -->
			<view class="welfare publicJobItem"
				v-if="field_rule.basic.tag !== undefined && field_rule.basic.tag.is_display == 1 && base_info.tag_text_arr !== undefined && base_info.tag_text_arr.length > 0 ">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">职位</text>
						<text class="color2">福利</text>
					</view>
				</view>
				<view class="welfareList">
					<view :class="['item','color'+(index+1) % 3]" v-for="(item,index) in base_info.tag_text_arr"
						:key="index">{{item}}</view>
				</view>
			</view>
			<!-- 职位福利 -->

			<!-- 职位描述 -->
			<view class="jobDes publicJobItem">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">职位</text>
						<text class="color2">描述</text>
					</view>
				</view>
				<view class="des">
					<view class="desLine">
						<view class="item ">
							<view class="label">性质：</view>
							<view class="value substring">{{base_info.nature_text}}</view>
						</view>
						<view class="item "
							v-if=" base_info.amount_text && field_rule.basic.amount !== undefined && field_rule.basic.amount.is_display == 1">
							<view class="label">人数：</view>
							<view class="value substring">{{base_info.amount_text}}</view>
						</view>
						<view class="item"
							v-if="base_info.department && field_rule.basic.department !== undefined && field_rule.basic.department.is_display == 1 ">
							<view class="label">部门：</view>
							<view class="value substring">{{base_info.department}}</view>
						</view>
						<view class="item"
							v-if="base_info.age_text && field_rule.basic.age !== undefined && field_rule.basic.age.is_display == 1 ">
							<view class="label">年龄：</view>
							<view class="value substring">{{base_info.age_text}}</view>
						</view>
						<view class="item"
							v-if=" base_info.custom_field_1 && field_rule.basic.custom_field_1 !== undefined && field_rule.basic.custom_field_1.is_display == 1">
							<view class="label">{{ field_rule.basic.custom_field_1.field_cn }}：</view>
							<view class="value substring">{{ base_info.custom_field_1 }}</view>
						</view>
						<view class="item"
							v-if=" base_info.custom_field_2 && field_rule.basic.custom_field_2 !== undefined && field_rule.basic.custom_field_2.is_display == 1 ">
							<view class="label">{{ field_rule.basic.custom_field_2.field_cn }}：</view>
							<view class="value substring">{{ base_info.custom_field_2 }}</view>
						</view>
						<view class="item"
							v-if=" base_info.custom_field_3 && field_rule.basic.custom_field_3 !== undefined && field_rule.basic.custom_field_3.is_display == 1 ">
							<view class="label">{{ field_rule.basic.custom_field_3.field_cn }}：</view>
							<view class="value substring">{{ base_info.custom_field_3 }}</view>
						</view>
					</view>
					<view>
						<view class="duty">岗位职责：</view>
						<u-read-more ref="uReadMore" show-height="164" :shadow-style="readMoreShadowStyle"
							text-indent="0" close-text="查看全部" :toggle="true">
							<u-parse :html="base_info.content" @load="parseLoaded"></u-parse>
						</u-read-more>
					</view>
				</view>
			</view>
			<!-- 职位描述 -->
			<!-- 统计 -->
			<view class="count publicJobItem">
				<view class="item item1">
					<view class="label">企业简历查看率:</view>
					<view class="value">{{ watch_percent }}</view>
				</view>
				<view class="item item2">
					<view class="label pdl">最近登录:</view>
					<view class="value">{{last_login_time}}</view>
				</view>
			</view>
			<!-- 统计 -->
			<!-- 工作地址 -->
			<view class="workAddress publicJobItem" v-if="base_info.address != ''">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">工作</text>
						<text class="color2">地址</text>
					</view>
				</view>
				<view class="addressInfo" @click="locationToBdmap">
					<view class="address">{{base_info.address}}</view>
					<view class="map" v-if="(base_info.map_lat * 1)|| (base_info.map_lng * 1)">
						<view class="mapCenter">
							<view class="text substring">{{com_info.companyname}}</view>
							<view class="icon"></view>
						</view>
					</view>
					<view class="distance" v-if="(base_info.map_lat * 1)|| (base_info.map_lng * 1)">
						<view><text class="leftText" v-show="distance !=''">距离你{{distance}}</text></view>
						<view class="rightText">到这里去</view>
					</view>
				</view>
			</view>
			<!-- 工作地址 -->
			<view class="unableSeeContact" v-if="show_contact == 0 && show_contact_note == 'company_close'">
				<!-- <view class="text" v-if="has_apply == 1">企业未开启查看联系方式</view> -->
				<view class="text" v-if="has_apply == 1">您已投递简历，请等待企业联系</view>
				<view class="text" v-if="has_apply == 0">未开启查看联系方式，请直接投递</view>
				<view class="btn" v-if="has_apply == 0" @click="doApply">投递</view>
			</view>
			<view class="unableSeeContact" v-if="show_contact == 0 && show_contact_note == 'need_apply'">
				<view class="text">投递简历后可查看联系方式</view>
				<view class="btn" @click="doApply">投递</view>
			</view>
			<view class="unableSeeContact" v-if="show_contact == 0 && show_contact_note == 'need_resume'">
				<view class="text">完善简历后可查看联系方式</view>
				<view class="btn" @click="handleJumpResume">去完善</view>
			</view>
			<view class="unableSeeContact" v-if="show_contact == 0 && show_contact_note == 'need_login'">
				<view class="text">登录后可查看联系方式</view>
				<view class="btn" @click="handleOpenLoginPopup">去登录</view>
			</view>
			<view class="unableSeeContact" v-if="show_contact == 0 && show_contact_note == 'need_personal_login'">
				<view class="text">登录个人会员后查看联系方式</view>
				<view class="btn" @click="handleOpenLoginPopup">去登录</view>
			</view>

			<!-- 联系方式 -->
			<view class="contactWrapper publicJobItem" v-if="show_contact == 1">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">联系</text>
						<text class="color2">方式</text>
					</view>
				</view>
				<view class="contactList">
					<view class="contactLine">
						<view class="lable">联系人：</view>
						<view class="val">{{contact_info.contact}}</view>
					</view>
					<view class="contactLine">
						<view class="lable">联系手机：</view>
						<view class="val">{{contact_info.mobile}}</view>
					</view>
					<view class="contactLine"
						v-if="field_rule.contact.telephone !== undefined && field_rule.contact.telephone.is_display == 1 && contact_info.telephone != '' ">
						<view class="lable">联系固话：</view>
						<view class="val">{{contact_info.telephone}}</view>
					</view>
					<!-- #ifdef MP-WEIXIN -->
					<view class="contactLine"
						v-if="field_rule.contact.weixin !== undefined && field_rule.contact.weixin.is_display == 1 && contact_info.weixin != '' ">
						<view class="lable">联系微信：</view>
						<view class="val">{{contact_info.weixin}}</view>
					</view>
					<!-- #endif -->
					<view class="contactLine"
						v-if="field_rule.contact.email !== undefined && field_rule.contact.email.is_display == 1 && contact_info.email != '' ">
						<view class="lable">联系邮箱：</view>
						<view class="val">{{contact_info.email}}</view>
					</view>
					<!-- #ifdef MP-WEIXIN -->
					<view class="contactLine"
						v-if="field_rule.contact.qq !== undefined && field_rule.contact.qq.is_display == 1 && contact_info.qq != ''">
						<view class="lable">联系QQ：</view>
						<view class="val">{{contact_info.qq}}</view>
					</view>
					<!-- #endif -->
				</view>
			</view>
			<!-- 联系方式 v-if="show_contact == 1 && phone_protect_open"-->
			<!-- <view class="code_pro_wrap" >
				<image class="secret" src="../static/img/detail/privacy.jpg" ></image>
				<view v-if="phone_protect_type == 1" class="pro_tip">
					1.需要使用指定号码拔打,非指定号码无法拔通; 2.隐私号码有效
					<span v-text="phone_protect_timeout"></span>
					秒,过期后需再次点击拔号
				</view>
			</view> -->
			<!-- 提示 -->
			<view class="tips">
				<view class="tipsTitle">{{config.sitename}}安全提示</view>
				<view class="tipsDes">
					求职过程请勿缴纳费用，谨防诈骗！如遇无效、虚假、诈骗信息，请立即举报，我们将及时处理 <text class="color1" @click="handlerReport">立即举报</text>
				</view>
			</view>
			<!-- 提示 -->
			<!-- 企业信息 -->
			<view class="companyWrapper publicJobItem" style="margin-bottom: 0;" @click="handleToCompanyShow">
				<view class="base">
					<view class="img">
						<image :src="com_info.logo_src"></image>
					</view>
					<view class="info">
						<view class="name">
							<view class="text overflow">{{com_info.companyname}}</view>
							<view class="certification" v-if="com_info.audit == 1">认证</view>
							<image class="setmeal" v-if="com_info.setmeal_icon" :src="com_info.setmeal_icon"></image>
							<!--套餐图标 -->
						</view>
						<view class="other substring">
							<view class="item" v-if="com_info.trade_text">{{com_info.trade_text}}</view>
							<view class="item" v-if="com_info.scale_text">{{com_info.scale_text}}</view>
							<view class="item" v-if="com_info.nature_text">{{com_info.nature_text}}</view>
						</view>
					</view>
					<view class="icon">
						<u-icon class="arrow" name="arrow-right"></u-icon>
					</view>
				</view>
				<view class="imgList" v-if="com_info.img_list && com_info.img_list.length>0">
					<view class="item" v-for="(item,index) in com_info.img_list">
						<image :src="item.img_src" mode="aspectFill"></image>
					</view>
				</view>
			</view>
			<!-- 企业信息 -->
			<!-- 加入求职群 -->
			<!-- <view class="jobGroup">
				<view class="img">
					<image :src="jobSearchGroupData.groupPortraitUrl"></image>
				</view>
				<view class="text">
					加入求职群，推送好工作!
				</view>
				<view class="btn" @click="isJobGroup = true">加入</view>
			</view> -->
			<!-- 加入求职群 -->
			<!-- 猜你喜欢 -->
			<view class="like" v-if="similar.length>0">
				<view class="publicTitle">
					<view class="leftText">
						<text class="color1">猜你</text>
						<text class="color2">喜欢</text>
					</view>
					<!-- <view class="rigthText" @click="handleJumpJobMore">
						全部职位
					</view> -->
				</view>
				<view class="jobList">
					<jobItem v-for="(item,index) in similar" :key="item.id" :item="item" @toDetail="toDetail"></jobItem>
					<view class="jobMore" @click="handleJumpJobMore">查看全部职位</view>
				</view>
			</view>
			<!-- 猜你喜欢 -->

			<!-- <view class="subscribe">
				<view class="leftInfo">
					<view class="logo">
						<image class="img" :src="config.square_logo" mode="aspectFill"></image>
					</view>
					<view class="text">
						<view class="t1">{{ config.wechat_name?config.wechat_name:config.sitename }}</view>
						<view class="t2">开启求职招聘新时代</view>
					</view>
				</view>
				<view class="btn" @click="$refs.subscribeQrCode.open()">立即关注</view>
			</view> -->

			<view class="footerBtns footerBtnBoxShow">
				<view class="home" @click="doHome"></view>
				<view class="dial" @click="doTel"></view>
				<!-- #ifdef MP-TOUTIAO || MP-WEIXIN -->
				<view class="btn bgColor1" @click="doMsg">立即沟通</view>
				<!-- #endif -->
				<view class="btn bgColor2" @click="doApply">
					{{has_apply==1?'已投递':'投递简历'}}
					<!-- <view class="bannerBtnAnim"></view> -->
				</view>
				<!-- <view class="btn bgColor2">面试邀请</view> -->
			</view>

			<Rightnav :isTop="isTop" :has_fav="has_fav" @doFav="doFav" @handleOpenShare="handleOpenShare"></Rightnav>
			<!-- <view :class="isRigthNav ? 'rightNav' : 'rightNav ac'">
				<view :class="has_fav == 1 ? 'btn collect_ac ' : 'btn collect'" @click="doFav"></view>
				<view class="btn share" @click="handleOpenShare"></view>
				<view class="btn top" v-if="isTop" @click="goTop"></view>
				<view class="btn retract">收起</view>
			</view> -->


			<TopTips ref="TopTips"></TopTips>
			<!-- 登录弹窗 -->
			<LoginPopup ref="LoginPopup" :single_login="true" :utype="2" :after_login_data="after_login_data"
				:redirect="'/commonViews/JobShow?id=' + query_id" @phoneNumberLogin="phoneNumberLogin"></LoginPopup>
			<!-- 登录弹窗 -->
			<!-- 分享 -->
			<SharePoster v-if="showPoster" @closePoster="closePoster" :type="'job'" :infoid="shareid"></SharePoster>
			<Share ref="share" type="job" @handleCopy="handlerCopy" @handleCreateBill="handleCreateBill"></Share>
			<!-- 分享 -->
			<!-- 求职群 -->
			<u-popup v-model="isJobGroup" mode="center" :mask-custom-style="maskStyle" border-radius="14">
				<view class="jobGroupPopup">
					<view class="title">
						扫码入群
						<u-icon class="close" name="close" @click="isJobGroup = false"></u-icon>
					</view>
					<view class="main">
						<view v-if="jobSearchGroupData.qrcode == ''" class="jobGroupEmpty"></view>
						<div v-else class="mainImg">
							<image class="qrcode" :src="jobSearchGroupData.qrcode" mode="aspectFill"></image>
						</div>
					</view>
				</view>
			</u-popup>
			<!-- 求职群 -->
			<!-- 开启隐私号码 -->
			<u-modal v-model="codePro.show" show-cancel-button :confirm-text="codePro.btnCn" @confirm="callCodePro"
				confirm-button-color="#1989fa">
				<view style="padding: 20rpx;">
					<view class="line18">拔打号码</view>
					<view class="line18 color-orange font15 bold" v-text="codePro.x"></view>
					<view class="line18 font12">(电话<text class="color-orange"
							v-text="codePro.timeout"></text>秒后失效,请尽快拔打)
					</view>
					<view v-if="phone_protect_type==1" class="line18 font12 color-gray">仅支持使用<text
							v-text="codePro.a"></text>的手机卡拔号</view>
				</view>
			</u-modal>
			<!-- 开启隐私号码 -->

			<u-popup class="login_con" v-model="showLogin" mode="right">
				<Login :utype="2"></Login>
			</u-popup>
			<Popup ref="subscribeQrCode">
				<view class="weixDialog">
					<view class="wxQr">
						<image :show-menu-by-longpress="true" class="qrCode" :src="config.wechat_qrcode"></image>
					</view>
					<view class="wxTips">
						<!-- #ifdef MP-TOUTIAO -->
						<view class="t1">截屏保存二维码图片，关注公众号</view>
						<view class="t2">绑定后即可随时随地接收最新消息通知，还可使用抖音快速登录</view>
						<!-- #endif -->

						<!-- #ifdef MP-WEIXIN -->
						<view class="t1">长按识别二维码关注公众号完成绑定</view>
						<view class="t2">绑定后即可随时随地接收最新消息通知，还可使用微信快速登录</view>
						<!-- #endif -->

					</view>
				</view>
			</Popup>
			<!-- 未授权弹窗 -->
			<!-- 绑定微信 -->
			<Popup ref="bindWeixinPopup" :showTitle="false" :showConfirmButton="false">
				<view class="bind-weixin-box">
					<view class="title-1">您当前未绑定微信，绑定后可发起聊天。</view>
					<view class="img">
						<image class="qrcode" :show-menu-by-longpress='true' :src="scanQrcodeImg"></image>
					</view>
					<view class="title-2">使用微信扫一扫，按提示快速绑定</view>
				</view>
			</Popup>
			<!-- 绑定微信 -->
			<!-- <Popup ref="authPopup" @confirm="handleAuthConfirm">
				<view style="padding:20rpx 0;">{{auth.text}}</view>
			</Popup> -->
			<!-- 未授权弹窗 -->
			<Popup ref="authPopup" @confirm="handleAuthConfirm">
				<view style="padding:20rpx 0;">{{auth.text}}</view>
			</Popup>
		</view>
	</view>
</template>

<script>
	import {
		countDistance
	} from '@/utils/index'
	import {
		DbToGc
	} from '@/utils/map.js'
	import http from '@/utils/http'
	import api from '@/api'
	import Share from '@/components/share/Share'
	import SharePoster from '@/components/share/SharePoster'
	import LoginPopup from '@/components/LoginPopup.vue'
	import Login from '@/components/Login.vue'
	import jobItem from '@/components/listItem/jobItem.vue'
	import Skeleton from '@/components/Skeleton.vue'
	import {
		mapState,
		mapMutations
	} from 'vuex'
	import {
		onShareAppMessage,
		onShareTimeline
	} from '@/utils/share.js'
	import {
		changeIsAuth
	} from '@/utils/uni.js'
	import Rightnav from './components/rightNav.vue'
	export default {
		name: 'JobShow',
		components: {
			Share,
			SharePoster,
			jobItem,
			LoginPopup,
			Login,
			Skeleton,
			Rightnav
		},
		data() {
			return {
				skeletonLoading: true,
				after_login_data: {},
				showLogin: false,
				maskStyle: {
					background: 'rgba(38, 38, 38,.1)',
					backdropFilter: 'blur(5px)'
				},
				isJobGroup: false,
				jobSearchGroupData: {},
				deliveryModal: false,
				codePro: {
					show: false,
					x: '',
					timeout: 0,
					a: '',
					btnCn: '立即拔打'
				},
				isRetrunBtn: null,
				query_id: '',
				is_personal_login: false,
				base_info: {},
				field_rule: {
					basic: {},
					contact: {}
				},
				show_contact: 0,
				show_contact_note: '',
				contact_info: {},
				watch_percent: '',
				last_login_time: '',
				com_info: {},
				similar: [],
				distance: '',
				current_lat: 0,
				current_lng: 0,
				has_fav: 0,
				has_apply: 0,
				shareid: 0,
				showPoster: false,
				cur_user_mobile: '',
				phone_protect_open: false,
				phone_protect_timeout: 0,
				phone_protect_type: 0,
				shortUrl: '',
				time: null,
				isRigthNav: true,
				isTop: false,
				selectArrOnload: [],
				UNILocation: {},
				onLoadOptions: {},
				auth: {
					text: '',
					authText: '',
					isAuth: ''
				},
				scanQrcodeImg: '',
				toCompleteResume: false
			}
		},
		computed: {
			...mapState(['config'])
		},
		onShareAppMessage() {
			let wechatShareInfo = {
				jobname: this.base_info.jobname,
				wage: this.base_info.wage_text,
				companyname: this.com_info.companyname,
				district: this.base_info.district_text,
				imgUrl: this.com_info.logo_src,
			};
			return onShareAppMessage({
				url: '/commonViews/JobShow?id=' + this.query_id,
				alias: "jobshow",
				info: wechatShareInfo
			})
		},
		onShareTimeline() {
			let wechatShareInfo = {
				jobname: this.base_info.jobname,
				wage: this.base_info.wage_text,
				companyname: this.com_info.companyname,
				district: this.base_info.district_text,
				imgUrl: this.com_info.logo_src,
			};
			return onShareTimeline({
				url: '/commonViews/JobShow?id=' + this.query_id,
				alias: "jobshow",
				info: wechatShareInfo
			})
		},
		onLoad(options) {
			this.toCompleteResume = uni.getStorageSync('toCompleteResume')
			this.onLoadOptions = options
			//获取扫描小程序二维码路径参数
			const scene = decodeURIComponent(options.scene)
			const scene_id = scene.substring(scene.indexOf("=") + 1)
			this.query_id = options.id
			if (options.scene) {
				this.query_id = scene_id
			}
			console.log(this.query_id, 'this.query_id')
			this.isRetrunBtn = options.isRetrunBtn
			this.is_personal_login = this.$store.state.LoginOrNot === true && this.$store.state.LoginType === 2
			// this.jobSearchGroupList() //求职群信息
		},
		onShow() {
			// this.changeIsAuth()
			if (this.onLoadOptions.method) {
				this.fetchData(this.onLoadOptions.method)
			} else {
				this.fetchData()
			}
		},
		created() {
			switch (uni.getSystemInfoSync().platform) {
				case 'android':
					this.$set(this.maskStyle, 'background', 'rgba(38, 38, 38,.1)')
					break;
				case 'ios':
					this.$set(this.maskStyle, 'background', 'rgba(68, 68,68,0.65)')
					break;
				default:
					break;
			}
			// #ifdef MP-WEIXIN
			this.getScanQrcodeImg()
			// #endif
		},
		// 监听页面滚动
		onPageScroll(res) {
			uni.$emit('onPageScroll', res.scrollTop)
			// this.isRigthNav = true
			if (res.scrollTop > 100) {
				this.isTop = true
			} else {
				this.isTop = false
			}
			// if (this.isRigthNav) {
			// clearInterval(this.time);
			// this.isNavTime()
			// }
		},
		methods: {
			...mapMutations(['setImShowParams', 'setImChatId']),
			/**
			 * 绑定微信二维码
			 */
			getScanQrcodeImg() {
				http.get(api.get_qrcode, {
					type: 'bind_weixin'
				}).then(res => {
					this.scanQrcodeImg = res.data.data
				})
			},
			handleAuthConfirm() {
				var {
					authText,
					isAuth
				} = this.auth
				if (authText == 'gps') {
					this.$refs.authPopup.close()
					// this.changeIsAuth()
				} else if (authText == 'setting') {
					uni.openSetting({
						success: (res) => {}
					})
				}
			},
			// handleAuthConfirm(){
			// 	var {authText,isAuth} = this.auth
			// 	if(authText == 'gps'){
			// 		this.$refs.authPopup.close()
			// 		this.changeIsAuth()
			// 	} else if (authText == 'setting') {
			// 		uni.openSetting({
			// 			success: (res) => {}
			// 		})
			// 	}
			// },
			async changeIsAuth() {
				let {
					auth,
					isAuth,
					isGps,
					location
				} = await changeIsAuth('location')
				// this.$refs.authPopup.open()
				this.UNILocation = location
				// if (this.onLoadOptions.method) {
				// 	this.fetchData(this.onLoadOptions.method)
				// } else {
				// 	this.fetchData()
				// }
			},
			handleJumpJobMore() {
				uni.reLaunch({
					url: '/views/JobList'
				})
			},
			toDetail(id) {
				let selectArr = uni.getStorageSync('selectArr')
				selectArr = selectArr == 'null' || selectArr == null || selectArr == '' ? [] : JSON.parse(selectArr)
				if (selectArr.indexOf(id) == -1 || selectArr.length == 0) {
					selectArr.push(id)
				}
				this.selectArrOnload = selectArr
				uni.setStorageSync('selectArr', JSON.stringify(selectArr))
				for (let i in this.similar) {
					if (this.similar[i].id == id) {
						this.similar[i].clicked = true
					}
				}
				uni.redirectTo({
					url: '/commonViews/JobShow?id=' + id
				})
			},
			// 跳转企业详情
			handleToCompanyShow() {
				uni.navigateTo({
					url: '/commonViews/CompanyShow?id=' + this.com_info.id
				})
			},
			// 右侧导航5秒后消失
			isNavTime() {
				this.time = setTimeout(() => {
					this.isRigthNav = false
				}, 5000)
			},
			// 职位描述查看更多初始化
			parseLoaded() {
				this.$nextTick(() => {
					this.$refs.uReadMore.init();
				})
			},
			phoneNumberLogin() {
				this.is_personal_login = this.$store.state.LoginOrNot === true && this.$store.state.LoginType === 2
				setTimeout(() => {
					this.fetchData(this.after_login_data.method)
				}, 1000)
			},
			// 获取数据
			async fetchData(next_method = null) {
				const params = {
					id: this.query_id
				}
				let res = await http.get(api.jobshow, params)
				if (res.data.code == 500) {
					return false;
				}

				const {
					base_info,
					field_rule,
					show_contact,
					show_contact_note,
					contact_info,
					watch_percent,
					last_login_time,
					com_info,
					similar,
					has_fav,
					has_apply,
					cur_user_mobile,
					phone_protect_open,
					phone_protect_timeout,
					phone_protect_type
				} = {
					...res.data.data
				}
				this.field_rule = field_rule
				this.base_info = base_info
				this.show_contact = show_contact
				this.show_contact_note = show_contact_note
				this.contact_info = contact_info
				this.com_info = com_info
				this.watch_percent = watch_percent
				this.last_login_time = last_login_time
				this.similar = similar
				this.contact_info = contact_info
				this.has_fav = has_fav
				this.has_apply = has_apply
				this.phone_protect_open = phone_protect_open
				this.cur_user_mobile = cur_user_mobile
				this.phone_protect_timeout = phone_protect_timeout
				this.phone_protect_type = phone_protect_type
				let wechatShareInfo = {
					jobname: base_info.jobname,
					wage: base_info.wage_text,
					companyname: this.com_info.companyname,
					district: this.base_info.district_text,
					imgUrl: this.com_info.logo_src
				}
				let newStr = base_info.content.replace(/\n/g, "<br/>")
				this.$set(this.base_info, 'content', newStr)
				// 判断用户是否点击查看过某些数据
				if (this.selectArrOnload.length > 0) {
					for (let j in this.selectArrOnload) {
						for (let i in this.similar) {
							if (this.similar[i].id == this.selectArrOnload[j]) {
								this.similar[i].clicked = true
							} else {
								this.similar[i].clicked = false
							}
						}
					}
				} else {
					for (let i in this.similar) {
						this.similar[i].clicked = false
					}
				}
				if (this.UNILocation) {
					var address = DbToGc(this.UNILocation.latitude, this.UNILocation.longitude)
					this.current_lat = address.lat
					this.current_lng = address.lng
					if (this.current_lat > 0 && this.current_lng > 0 && this.base_info.map_lat > 0 && this.base_info
						.map_lng > 0) {
						this.distance = countDistance(
							this.current_lat,
							this.current_lng,
							this.base_info.map_lat,
							this.base_info.map_lng
						)
					}
				}


				this.skeletonLoading = false
				// this.getCompetitiveness()
				if (next_method) {
					this[next_method]()
				}
			},
			// 打开地图
			async locationToBdmap() {
				if (!this.base_info.map_lat || !this.base_info.map_lng) {
					return false
				}
				var res = DbToGc(this.base_info.map_lat, this.base_info.map_lng)
				let {
					auth,
					isAuth,
					isGps,
					location
				} = await changeIsAuth('location')
				if (!isGps) {
					//gps权限没有开启 提示用户开启权限
					this.auth.text = '请打开定位服务功能'
					this.auth.authText = 'gps'
					this.auth.isAuth = isGps
					this.$refs.authPopup.open()
				} else if (!isAuth) {
					this.auth.text = '请允许使用位置信息'
					this.auth.authText = 'setting'
					this.auth.isAuth = isAuth
					this.$refs.authPopup.open()
				} else {
					// #ifdef MP-TOUTIAO || MP-WEIXIN
					uni.openLocation({
						latitude: parseFloat(res.lat),
						longitude: parseFloat(res.lng),
						success: function(res) {},
						fail: function(err) {
							console.log(err)
						}
					})
					// #endif
					// #ifdef MP-ALIPAY
					my.openLocation({
						latitude: parseFloat(res.lat),
						longitude: parseFloat(res.lng),
						name: this.com_info.companyname,
						address: this.base_info.address,
						success: function(res) {},
						fail: function(err) {
							console.log(err)
						}
					})
					// #endif
				}
			},
			// 一键复制
			async handlerCopy() {
				var _this = this
				// 查看联系方式：${this.shortUrl}  存在引流第三方，抖音审核不通过
				let copy = () => {
					let copyMessage = `${this.com_info.companyname}
招聘：${this.base_info.jobname}
要求：工作经验${this.base_info.experience_text}、学历要求${this.base_info.education_text}
工资：${this.base_info.wage_text}
-招聘求职就上${this.$store.state.config.sitename}-`
					uni.setClipboardData({
						data: copyMessage,
						showToast: true,
						success(res) {},
						fail(err) {}
					});
				}
				if (!this.shortUrl) {
					const params = {
						jobId: this.query_id
					}
					let res = await http.get('/home/short_url/genJobShow', params)
					if (res.data.code == 200) {
						this.shortUrl = res.data.data
						copy()
					}
				} else {
					copy()
				}
			},
			handleNotPersonalTips() {
				if (this.$store.state.LoginType == 1 && !this.is_personal_login) {
					this.$refs.TopTips.show({
						title: '请登录求职者账号',
						type: 'error'
					})
					return false
				}
				return true
			},
			// 收藏
			doFav() {
				if (this.is_personal_login === false) {
					if (this.handleNotPersonalTips()) {
						this.$refs.LoginPopup.open()
						this.after_login_data = {
							method: 'doFav'
						}
					}
				} else {
					const params = {
						jobid: this.query_id
					}
					let _api_url = this.has_fav === 1 ? api.jobfav_cancel : api.jobfav
					http
						.post(_api_url, params)
						.then(res => {
							if (res.data.code == 200) {
								this.has_fav = this.has_fav === 1 ? 0 : 1
								this.$refs.TopTips.show({
									title: res.data.message,
									type: 'success'
								})
							}
						})
						.catch(() => {})
				}
			},
			// 举报
			handlerReport() {
				if (this.is_personal_login === false) {
					if (this.handleNotPersonalTips()) {
						this.$refs.LoginPopup.open()
						this.after_login_data = {
							method: 'handlerReport'
						}
					}
				} else {
					uni.navigateTo({
						url: `/commonViews/TipOffIndex?type=1&target_id=${this.base_info.id}&jobname=${this.base_info.jobname}`
					})
				}
			},
			// 分享弹窗开启
			handleOpenShare() {
				this.$refs.share.open()
			},
			// 生成海报弹窗开启
			handleCreateBill() {
				this.showPoster = !this.showPoster
			},
			// 生成海报弹窗关闭  
			closePoster() {
				this.showPoster = !this.showPoster
			},
			// 加入求职群
			jobSearchGroupList() {
				http.get(api.jobSearchGroup)
					.then(res => {
						if (res.data.code === 200) {
							this.jobSearchGroupData = res.data.data
						}
					})
					.catch(() => {})
			},
			//投递简历
			doApply() {
				// toCompleteResume
				if (this.$store.state.LoginOrNot === true) {
					if (this.$store.state.LoginType !== 2) {
						if (this.handleNotPersonalTips()) {
							this.$refs.LoginPopup.open()
							this.after_login_data = {
								method: 'doApply'
							}
						}
					} else {
						const params = {
							jobid: this.query_id
						}
						http
							.post(api.jobapply, params)
							.then(res => {
								if (res.data.code == 200) {
									this.$refs.TopTips.show({
										title: res.data.message,
										type: 'success'
									})
									this.fetchData()
								}

							})
							.catch(() => {})
					}
				} else {
					// uni.navigateTo({
					// 	url: '/member/Login'
					// })
					this.$refs.LoginPopup.open()
					this.after_login_data = {
						method: 'doApply'
					}
				}
			},
			doHome() {
				uni.reLaunch({
					url: '/views/Index'
				});
			},
			// 拨打电话
			async doTel() {
				if (this.show_contact === 1) {
					uni.makePhoneCall({
						phoneNumber: this.contact_info.mobile
					});
				} else if (this.is_personal_login === false) {
					if (this.handleNotPersonalTips()) {
						this.$refs.LoginPopup.open()
						this.after_login_data = {
							method: 'doTel'
						}
					}
				} else {
					if (this.show_contact_note === 'need_resume') {
						this.$refs.TopTips.show({
							title: '您还没有简历，创建简历后可拨打企业电话',
							type: 'error'
						})
					} else if (this.show_contact_note === 'need_apply') {
						this.$refs.TopTips.show({
							title: '您还没有投递简历，请投递简历后拨打企业电话',
							type: 'error'
						})
					} else if (this.show_contact_note === 'company_close') {
						if (this.has_apply == 1) {
							this.$refs.TopTips.show({
								title: '您已投递简历，请等待企业联系',
								type: 'error'
							})
						} else {
							this.$refs.TopTips.show({
								title: '企业未公开联系方式，请直接投递简历',
								type: 'error'
							})
						}
					}
				}
			},
			// 隐私号码拨打电话
			callCodePro() {
				uni.makePhoneCall({
					phoneNumber: this.codePro.x, //仅为示例
					complete: function(res) {}
				});
			},
			// 去登录
			handleOpenLoginPopup() {
				this.$refs.LoginPopup.open()
			},
			// 完善简历
			handleJumpResume() {
				if (this.toCompleteResume) {
					toAddResumeByForm()
					return false
				}
				uni.navigateTo({
					url: '/personal/EditResume'
				})
			},
			doMsg() {
				if (!this.is_personal_login) {
					uni.showModal({
						title: '提示',
						content: '当前操作需要登录个人会员账号',
						cancelText: "取消", // 取消按钮的文字  
						confirmText: "确认", // 确认按钮的文字  
						showCancel: true, // 是否显示取消按钮，默认为 true
						confirmColor: '#1360FF',
						cancelColor: '#cecece',
						success: (res) => {
							if (res.confirm) {
								this.$refs.LoginPopup.open()
								this.after_login_data = {
									method: 'doMsg'
								}
							} else {
								console.log('cancel')
							}
						}
					})
				} else {
					http
						.post(api.imStart, {
							token: this.$store.state.imToken,
							jobid: this.query_id
						})
						.then((reponse) => {
							// disabled 不能使用功能
							// bind_weixin绑定微信
							// complete_resume完善简历
							// 空字符串 正常使用
							// choose_job 选择职位
							// pay 需要购买增值服务，触屏是快捷支付
							let res = reponse.data
							if (parseInt(res.code) == 200) {
								if (res.data.next == '') {
									this.setImShowParams({
										jobname: this.com_info.first_jobname,
										name: this.com_info.companyname,
										resumeid: 0,
										jobid: this.base_info.id,
										companyId: this.com_info.id
									})
									this.setImChatId(res.data.chatid)
									let chatid = res.data.chatid,
										that = this
									uni.navigateTo({
										url: '/im/imShow?chatid=' + res.data.chatid,
										events: {
											// 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
											acceptDataFromOpenedPage: function(data) { //参数名字随便起，前后页面对应上即可
												//对发送回来的数据进行处理
												console.log(data)
											},
											someEvent: function(data) { //参数名字随便起，前后页面对应上即可
												console.log(data)
											}
										},
										success: function(res) {
											// 通过eventChannel向被打开页面传送数据
											let params = {
												chatid: chatid,
												stick: that.base_info.stick,
												jobname: that.com_info.first_jobname,
												name: that.com_info.companyname,
												resumeid: 0,
												jobid: that.base_info.id,
												companyid: that.com_info.id
											}
											res.eventChannel.emit('acceptDataFromOpenerPage',
												params) //参数名字随便起，前后页面对应上即可
										},
									})
									return false
								}
								if (res.data.next == 'disabled') {
									// this.$notify({ type: 'danger', message: res.message })
									uni.showModal({
										showCancel: false,
										confirmText: '确认',
										confirmColor: '#3f7eff',
										content: res.message,
										title: '系统提示',
										success(resmodal) {
											if (resmodal.confirm) {
												console.log('comfirm')
											} else {
												console.log('cancel')
											}
										}
									})
									return false
								}
								if (res.data.next == 'complete_resume') {
									uni.showModal({
										title: '系统提示',
										content: '去完善简历',
										confirmColor: '#146BF9',
										success: function(res) {
											if (res.confirm) {
												if (this.toCompleteResume) {
													toAddResumeByForm()
													return false
												}
												uni.navigateTo({
													url: '/personal/EditResume'
												})
											}
										}
									});
									return false
								}
								if (res.data.next == 'bind_weixin') {
									// #ifdef MP-WEIXIN
									this.$refs.bindWeixinPopup.open()
									// #endif

									// #ifdef MP-TOUTIAO
									this.setImShowParams({
										jobname: this.com_info.first_jobname,
										name: this.com_info.companyname,
										resumeid: 0,
										jobid: this.base_info.id,
										companyId: this.com_info.id
									})
									this.setImChatId(res.data.chatid)
									let chatid = res.data.chatid,
										that = this
									uni.navigateTo({
										url: '/im/imShow?chatid=' + res.data.chatid,
										events: {
											// 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
											acceptDataFromOpenedPage: function(data) { //参数名字随便起，前后页面对应上即可
												//对发送回来的数据进行处理
												console.log(data)
											},
											someEvent: function(data) { //参数名字随便起，前后页面对应上即可
												console.log(data)
											}
										},
										success: function(res) {
											// 通过eventChannel向被打开页面传送数据
											let params = {
												chatid: chatid,
												stick: that.base_info.stick,
												jobname: that.com_info.first_jobname,
												name: that.com_info.companyname,
												resumeid: 0,
												jobid: that.base_info.id,
												companyid: that.com_info.id
											}
											res.eventChannel.emit('acceptDataFromOpenerPage',
												params) //参数名字随便起，前后页面对应上即可
										},
									})
									return false
									// #endif
								}
							}
						})
				}
			},
		}
	}
</script>


<style lang="scss" scoped>
	.bold {
		font-weight: bold;
	}

	.font12 {
		font-size: 24rpx;
	}

	.font15 {
		font-size: 30rpx;
	}

	.line18 {
		line-height: 50rpx;
		text-align: center;
	}

	.m-top {
		margin-top: 50rpx;
	}

	.m-btm {
		margin-bottom: 40rpx;
	}

	.color-orange {
		color: #ffa54e
	}

	.publicJobItem {
		background: #fff;
		border-radius: 15rpx;
		margin-bottom: 15rpx;
	}


	.code_pro_wrap {
		.secret {
			width: 100%;
		}

		.pro_tip {
			margin-top: 0.08rem;
			color: #888;
			font-size: 24rpx;
		}
	}

	.publicTitle {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 30rpx 0;

		.leftText {
			font-weight: 700;

			.color1 {
				color: #2A2A2A;
				font-size: 34rpx;
			}

			.color2 {
				color: #266DFF;
				font-size: 34rpx;
			}
		}

		.rigthText {
			color: #999999;
			font-size: 26rpx;
		}
	}

	.jobWrapper {
		padding: 0 30rpx 160rpx;
		/* #ifdef MP-TOUTIAO || MP-ALIPAY || MP-WEIXIN */
		padding-top: 30rpx;

		/* #endif */
		.baseJob {
			padding: 26rpx 30rpx 35rpx;

			.jobName {
				position: relative;
				margin-bottom: 4rpx;

				.job {
					color: #2A2A2A;
					font-size: 38rpx;
					font-weight: bold;

					&.ac {
						padding-left: 30rpx;
					}
				}

				.img {
					width: 50rpx;
					height: 46rpx;
					position: absolute;
					left: -36rpx;
					top: 6rpx;
					// transform: translateY(-50%);
					display: block;
				}
			}

			.salary {
				color: #FC6502;
				font-size: 38rpx;
				font-weight: bold;
			}

			.other {
				display: flex;
				margin-top: 6rpx;

				.item {
					color: #8A8A8A;
					font-size: 28rpx;
					position: relative;
					margin-right: 30rpx;

					&::before {
						content: '';
						position: absolute;
						right: -16rpx;
						top: 50%;
						transform: translateY(-50%);
						width: 4rpx;
						height: 4rpx;
						background: #8A8A8A;
						border-radius: 50%;
					}

					&:last-child {
						margin-right: 0;
					}

					&:last-child::before {
						display: none;
					}
				}
			}
		}

		// hr
		.hrWrapper {
			display: flex;
			padding: 30rpx 25rpx 30rpx 30rpx;

			.img {
				width: 102rpx;
				height: 102rpx;
				margin-right: 20rpx;

				image {
					width: 100%;
					height: 100%;
					border-radius: 50%;
				}
			}

			.hrInfo {
				display: flex;
				width: calc(100% - 122rpx);
				flex-shrink: 0;

				.infoText {
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					width: calc(100% - 184rpx);
					padding: 4rpx 0;

					.hrName {
						color: #2A2A2A;
						font-size: 32rpx;
						display: flex;

						.text {
							flex-shrink: 0;
							max-width: 200rpx;
						}

						.isBrisk {
							color: #18C374;
							font-size: 22rpx;
							background: rgba(22, 194, 114, 0.06);
							margin-left: 20rpx;
							padding: 8rpx 14rpx 8rpx 26rpx;
							position: relative;

							&::before {
								content: '';
								position: absolute;
								left: 12rpx;
								top: 50%;
								width: 6rpx;
								height: 6rpx;
								border-radius: 50%;
								background: #16C272;
								transform: translateY(-50%);
								border-radius: 3rpx;
							}
						}
					}

					.companyName {
						color: #999999;
						font-size: 26rpx;
					}
				}

				.btns {
					display: flex;
					align-items: center;

					.btn {
						color: #FFFFFF;
						font-size: 26rpx;
						background: linear-gradient(45deg, #1360FF, #4280FF);
						border-radius: 10rpx;
						margin-left: 37rpx;
						height: 56rpx;
						line-height: 56rpx;
						width: 146rpx;
						text-align: center;
					}
				}

			}
		}

		// hr

		// 职位福利
		.welfare {
			padding: 0 30rpx 15rpx;

			.welfareList {
				display: flex;
				flex-wrap: wrap;
				align-items: center;

				.item {
					color: #797979;
					font-size: 26rpx;
					background: rgba(150, 150, 150, 0.06);
					padding: 8rpx 20rpx;
					border-radius: 5rpx;
					margin: 0 12rpx 20rpx 0;
					border-radius: 5rpx;

					&.color0 {
						color: #FF9D54;
						background: rgba(255, 157, 84, 0.08);
					}

					&.color1 {
						color: #AE79FF;
						background: rgba(174, 121, 255, 0.08);
					}

					&.color2 {
						color: #74CEA9;
						background: rgba(116, 206, 169, 0.08);
					}
				}
			}
		}

		// 职位福利
		// 职位描述
		.jobDes {
			padding: 0 30rpx 30rpx;

			.des {
				.desLine {
					display: flex;
					flex-wrap: wrap;

					.item {
						flex: 0 0 45%;
						display: flex;
						margin-right: 20rpx;
						margin-bottom: 10rpx;

						.label {
							flex-shrink: 0;
							max-width: 50%;
							color: #999999;
							font-size: 28rpx;
						}

						.value {
							flex-shrink: 0;
							width: 50%;
							color: #595959;
							font-size: 28rpx;
						}
					}
				}

				.duty {
					color: #999999;
					font-size: 28rpx;
					margin-bottom: 10rpx;
				}
			}
		}

		// 职位描述
		// 统计
		.count {
			display: flex;
			align-items: center;
			background: url('../static/img/detail/count.png') no-repeat center center;
			background-size: 100% 100%;
			height: 82rpx;
			padding: 0 30rpx;

			.item {
				display: flex;
				font-size: 28rpx;

				.label {
					color: #595959;

					&.pdl {
						padding-left: 40rpx;
					}
				}

				.value {
					color: #266DFF;
				}

				&.item1 {
					flex: 0 0 45%;
				}

				&.item2 {
					flex: 0 0 55%;
				}

				&:last-child {
					padding-left: 34rpx;
				}
			}
		}

		// 统计
		// 工作地址
		.workAddress {
			padding: 0 30rpx 28rpx;

			.addressInfo {

				.address {
					color: #595959;
					font-size: 28rpx;
				}



				.map {
					height: 229rpx;
					margin: 24rpx 0;
					position: relative;
					background: url('../static/img/detail/map2.png') no-repeat center center;
					background-size: 687rpx 229rpx;
					border-radius: 14rpx;
					overflow: hidden;

					.mapCenter {
						position: absolute;
						left: 50%;
						top: 52rpx;
						transform: translateX(-50%);

						.text {
							max-width: 440rpx;
							box-shadow: 0px 0px 27rpx 0px rgba(38, 109, 255, 0.1);
							background: #FFFFFF;
							border-radius: 80rpx;
							padding: 16rpx 30rpx;
							box-sizing: border-box;
							text-align: center;
						}

						.icon {
							background: green;
							width: 34rpx;
							height: 49rpx;
							margin: 12rpx auto 0;
							background: url('../static/img/detail/mapAddress.png');
							background-size: 34rpx 49rpx;
						}
					}
				}



				// .map {
				// 	height: 230rpx;
				// 	margin: 24rpx 0;
				// 	position: relative;
				// 	background: url('../static/img/detail/map.png') no-repeat center center;
				// 	background-size: 622rpx 229rpx;
				// 	border-radius: 10rpx;
				// 	overflow: hidden;

				// 	.mapCenter {
				// 		position: absolute;
				// 		left: 50%;
				// 		top: 52rpx;
				// 		transform: translateX(-50%);

				// 		.text {
				// 			max-width: 440rpx;
				// 			box-shadow: 0px 0px 27rpx 0px rgba(38, 109, 255, 0.1);
				// 			background: #FFFFFF;
				// 			border-radius: 30rpx;
				// 			padding: 16rpx 30rpx;
				// 			box-sizing: border-box;
				// 			text-align: center;
				// 		}

				// 		.icon {
				// 			background: green;
				// 			width: 34rpx;
				// 			height: 49rpx;
				// 			margin: 12rpx auto 0;
				// 			background: url('../static/img/detail/mapAddress.png');
				// 			background-size: 34rpx 49rpx;
				// 		}
				// 	}
				// }

				.distance {
					display: flex;
					justify-content: space-between;
					font-size: 26rpx;

					.leftText {
						color: #595959;
						padding-left: 26rpx;
						background: url('../static/img/detail/address.png') no-repeat left center;
						background-size: 18rpx 23rpx;
					}

					.rightText {
						color: #266DFF;
						padding-right: 30rpx;
						background: url('../static/img/detail/guide.png') no-repeat right center;
						background-size: 20rpx 22rpx;
					}
				}
			}
		}

		// 工作地址

		// 联系方式
		.contactWrapper {
			padding: 0 30rpx 30rpx;

			.contactList {
				.contactLine {
					font-size: 28rpx;
					display: flex;
					margin-bottom: 10rpx;

					.lable {
						color: #999999;
					}

					.val {
						color: #595959;
					}
				}
			}
		}



		.unableSeeContact {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 34rpx 30rpx;
			background: #fff;
			border-radius: 15rpx;
			margin-bottom: 15rpx;
			background: #fff url('../static/img/detail/unableSeeContact.png') no-repeat center center;

			.text {
				color: #2A2A2A;
				font-size: 32rpx;
				font-weight: 500;
			}

			.btn {
				text-align: center;
				height: 56rpx;
				line-height: 56rpx;
				color: #FFFFFF;
				font-size: 26rpx;
				background: linear-gradient(45deg, #1360FF, #3B7BFF);
				border-radius: 10rpx;
				padding: 0 36rpx;
			}
		}


		// 联系方式
		// 提示
		.tips {
			background: #fff;
			padding: 24rpx 30rpx;
			border-radius: 15rpx;
			margin-bottom: 15rpx;

			.tipsTitle {
				color: #2A2A2A;
				font-size: 28rpx;
				font-weight: 700;
				margin-bottom: 20rpx;
				padding-left: 40rpx;
				background: url('../static/img/detail/report.png') no-repeat left center;
				background-size: 25rpx 29rpx;
			}

			.tipsDes {
				color: #999999;
				font-size: 26rpx;
				line-height: 44rpx;

				.color1 {
					color: #FF6B08;
					margin-left: 15rpx;
				}
			}
		}

		// 提示
		.companyWrapper {
			.base {
				display: flex;
				align-items: center;
				padding: 28rpx 24rpx;

				.img {
					flex-shrink: 0;
					width: 90rpx;
					height: 90rpx;
					margin-right: 24rpx;
					border-radius: 8rpx;

					image {
						width: 100%;
						height: 100%;
						border-radius: 8rpx;
					}
				}

				.info {
					flex-shrink: 0;
					width: calc(100% - 164rpx);
					display: flex;
					flex-direction: column;
					justify-content: space-between;

					.name {
						display: flex;
						align-items: center;
						margin-bottom: 10rpx;

						.text {
							color: #2A2A2A;
							font-size: 34rpx;
							font-weight: bold;
							flex-shrink: 0;
							max-width: 338rpx;
						}

						.certification {
							font-weight: normal;
							color: #18C373;
							font-size: 22rpx;
							background: #E9FFF5;
							border: 1rpx solid #18C373;
							border-radius: 6rpx;
							padding: 0rpx 10rpx;
							margin-left: 15rpx;
							vertical-align: middle;
						}

						.setmeal {
							width: 40rpx;
							height: 40rpx;
							margin-left: 10rpx;
						}
					}

					.other {
						.item {
							color: #999999;
							font-size: 24rpx;
							position: relative;
							margin-right: 30rpx;
							display: inline;
							white-space: nowrap;

							&::before {
								content: '';
								border-radius: 50%;
								position: absolute;
								right: -16rpx;
								top: 50%;
								transform: translateY(-50%);
								width: 4rpx;
								height: 4rpx;
								background: #999999;
							}

							&:last-child {
								margin-right: 0;
							}

							&:last-child::before {
								content: '';
								display: none;
							}
						}
					}
				}

				.icon {
					flex-shrink: 0;
					width: 50rpx;
					text-align: right;
					// position: absolute;
					position: relative;

					.arrow {
						position: absolute;
						right: 0;
						top: 50%;
						transform: translateY(-50%);
					}
				}
			}

			.imgList {
				display: flex;
				padding: 21rpx 26rpx 25rpx;
				flex-wrap: wrap;

				.item {
					width: 200rpx;
					height: 134rpx;
					margin-right: 18rpx;
					margin-bottom: 20rpx;
					border-radius: 10rpx;
					overflow: hidden;
					display: flex;
					align-items: center;
					justify-content: center;

					&:nth-child(3n) {
						margin-right: 0;
					}
				}
			}
		}

		.jobGroup {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 24rpx;
			height: 120rpx;
			border-radius: 15rpx;
			margin-bottom: 15rpx;
			background: #fff url('../static/img/detail/jobGroup.png') no-repeat left center;
			background-size: 100% 100%;
			overflow: hidden;

			.img {
				width: 76rpx;
				height: 76rpx;

				image {
					width: 100%;
					height: 100%;
					display: block;
				}
			}

			.text {
				color: #2A2A2A;
				font-size: 32rpx;
				// padding-left:100rpx;
				height: 100%;
				line-height: 120rpx;
				padding-right: 66rpx;
			}

			.btn {
				color: #FFFFFF;
				font-size: 26rpx;
				padding: 0 34rpx;
				height: 56rpx;
				line-height: 56rpx;
				border-radius: 10rpx;
				background: linear-gradient(45deg, #1360FF, #417FFF);
			}
		}

		.jobGroupPopup {
			.title {
				position: relative;
				text-align: center;
				color: #2A2A2A;
				font-size: 34rpx;
				padding: 40rpx 0;
				font-weight: bold;

				.close {
					position: absolute;
					right: 40rpx;
					top: 50%;
					transform: translateY(-50%);
				}
			}

			.main {
				padding: 0 60rpx 60rpx;

				.mainImg {
					width: 394rpx;
					height: 394rpx;
					overflow: hidden;
					display: flex;
					align-items: center;
					justify-content: center;

					.qrcode {
						display: block;
						max-width: 394rpx;
						max-height: 394rpx;
					}
				}

				.jobGroupEmpty {
					width: 514rpx;
					height: 514rpx;
					background: url('../static/img/empty.png') no-repeat;
					background-position: center 60rpx;
					background-size: 300rpx 300rpx;
				}
			}
		}

		.like {
			.jobList {}

			.jobMore {
				text-align: center;
				color: #999;
				font-size: 28rpx;
			}
		}

		.subscribe {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 24rpx;
			// background:#fff url('../static/img/detail/subscribe.png') no-repeat left top ;
			background: #fff url('../static/img/detail/unableSeeContact.png') no-repeat left center;
			border-radius: 14rpx;

			.leftInfo {
				width: calc(100% - 162rpx);
				flex-shrink: 0;
				display: flex;
				align-items: center;

				.logo {
					flex-shrink: 0;
					width: 92rpx;
					height: 92rpx;
					border-radius: 10rpx;
					border: 1rpx solid #EEEEEE;
					display: flex;
					align-items: center;
					justify-content: center;
					overflow: hidden;
					margin-right: 18rpx;

					.img {
						display: block;

					}
				}

				.text {
					flex-shrink: 0;
					width: calc(100% - 110rpx - 50rpx);
					display: flex;
					flex-direction: column;
					justify-content: space-between;

					.t1 {
						color: #2A2A2A;
						font-size: 30rpx;
						font-weight: bold;
						margin-bottom: 10rpx;
					}

					.t2 {
						color: #797979;
						font-size: 26rpx;
					}
				}
			}

			.btn {
				width: 162rpx;
				height: 56rpx;
				text-align: center;
				line-height: 56rpx;
				border-radius: 10rpx;
				color: #FFFFFF;
				font-size: 26rpx;
				background: linear-gradient(45deg, #1360FF, #4381FF);
			}
		}

		.footerBtns {
			position: fixed;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 30rpx 46rpx;
			background: #fff;
			display: flex;
			align-items: center;
			z-index: 100;

			.dial {
				flex-shrink: 0;
				width: 50rpx;
				height: 50rpx;
				margin-right: 40rpx;
				background: url('../static/img/detail/dial.png') no-repeat center center;
				background-size: 50rpx 50rpx;
			}

			.home {
				flex-shrink: 0;
				width: 50rpx;
				height: 50rpx;
				margin-right: 40rpx;
				background: url('../static/img/detail/detailHome.png') no-repeat center center;
				background-size: 50rpx 50rpx;
			}

			.btn {
				flex-shrink: 0;
				border-radius: 50rpx;
				color: #FFFFFF;
				font-size: 32rpx;
				padding: 20rpx 50rpx;
				/* #ifdef MP-TOUTIAO || MP-WEIXIN */
				width: 240rpx;
				/* #endif */
				/* #ifdef MP-ALIPAY */
				width: 480rpx;
				/* #endif */
				text-align: center;
				position: relative;
				overflow: hidden;


				&.bgColor1 {
					background: linear-gradient(45deg, #16C272, #5DD19B);
					margin-right: 20rpx;
				}

				&.bgColor2 {
					background: linear-gradient(45deg, #1360FF, #417FFF);
					// animation: anim-out-pseudo-two 3s;
					// .bannerBtnAnim::after{
					// 	animation: anim-out-pseudo-two 3s;
					// 	animation-iteration-count: infinite;
					// 	animation-duration: 3s;
					// }
				}
			}
		}

		.weixDialog {
			padding: 28rpx 0 38rpx 0;

			.wxQr {
				margin-bottom: 26rpx;

				.qrCode {
					width: 400rpx;
					height: 400rpx;
					display: block;
					margin: 0 auto;
				}
			}

			.wxTips {
				font-size: 28rpx;
				margin: 0 54rpx;

				.t1 {
					color: #FC6502;
					margin-bottom: 15rpx;
				}

				.t2 {
					color: #595959;
				}
			}
		}
	}

	// 绑定微信开始
	.bind-weixin-box {
		display: flex;
		flex-direction: column;
		text-align: center;
		padding: 10px 0;

		.title-1 {
			color: #646566;
			font-size: 14px;
		}

		.img {
			width: 111px;
			height: 111px;
			margin: 13px auto 10px;

			.qrcode {
				width: 100%;
				height: 100%;
			}
		}

		.title-2 {
			color: #999999;
			font-size: 13px;
		}
	}

	//绑定微信结束
</style>